﻿@charset "UTF-8"; /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@import url('iconfont.css');
/*默认公用样式*/
.shop-content{ width:1200px; margin:0 auto}
.header-top .header-right .search-box{ padding-right:0;}
.texthidden { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*默认店铺模板*/
.header-top{ padding:10px 7.5px;}
.header-top .col-xs-4{width: 36%;}
/* 新增 */
.header-top>div:nth-of-type(2) {
    width: 23%;
}
.header-top>div:nth-of-type(3) {
    width: 50%;
}
/* 新增 end */
.header-top .header-right{ margin-top:10px;}
.header-top .header-right, .header-top .search, .header-top .cart-box{ height: auto;}
.m_logo{ line-height:65px;}
.shopextra p{ color:#000000; font-size:14px; margin:2px 0 }
/*2017-3-28显示商店全名*/
.shopextra ,.main-info{ padding-top:7px;width:99%}
.shopextra p.slogo-shopname{height: 22px;line-height: 19px; overflow: hidden;background-color: #fff; font-size: 14px;  color: #333;    font-weight: 700; }
.shopextra p.slogo-extraicon  {color:#2d8701; }
.main-info .shopdsr-score { color: #2d8701;padding-left: 5px;height: 18px;width: 31px;position: relative;overflow: hidden;}
.main-info{overflow: hidden; position: relative;}
.main-info .shopdsr-item {float: left; color: #999;width: 36px;height: 36px; position: relative;}
.main-info .shopdsr-title{ text-align: center;}
.shop-btbd{ border-bottom:1px solid #dddddd;}

.shop_logo{ text-align:center; height:100px; line-height:100px;}
.shop_logo img{ max-height:80px; margin:0 auto}
.home-slider{ margin:0 auto; text-align:center;}
.home-slider .nav{ margin-left:0 !important; top: inherit; bottom:20px;}
.home-slider .nav li{ float:inherit;width:16px; height:16px; display: inline-block; position: relative; top: -5px; left:-10px; border-radius: 8px; border:0; background:rgba(0, 0, 0, 0.21); opacity:1; margin:0 3px;}
.home-slider .nav li.on{ opacity:1; }
.home-slider .nav li.on:after { content:''; height:6px; width:6px; background: #fff; display:block; position:absolute; top:5px; left:5px; border-radius:10px; }
.module .content { position:inherit; top:0px; }
#mslider .content { margin:0; height:750px; }
#mservice { height:850px; background-color: #f3f3f3; padding-top:350px; }
#mservice .content { margin:0; height:850px; overflow:hidden; }
#mproject .content { margin:0; background: #fff; height:100%; padding-bottom:80px; }
#mpage .content { margin:0; height:680px; }
#mteam .content { margin:0; height:500px; }
#mnews .content { margin:0; height:auto; }
#mcontact .content { margin:0; }
#mpartner .content { margin:0; height:200px; }


.shop-conten {width: 1200px;}
.shop-header{ padding-top: 50px;padding-bottom: 40px; text-align:center;}
.shop-con .shop-header{ padding-top: 80px;}
.shop-header .title { font-size: 15px; color: #4444; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:26px; margin:0px; padding: 15px 30px 0px 20px; }
.shop-header .subtitle { color:#b7b7b7; display: block; line-height:26px; overflow: hidden; margin:0px; padding:0px 20px; }
.mine
.projectitem{/*height: 392px*/; background: none; float:left; padding-bottom:50px;}
.r1767
.projectitem{/*height: 392px*/; background: none; float:left; padding-bottom:40px;}
#J_item_list .projectitem .project_info{ padding:16px;background: #fff;}
#J_item_list .projectitem a{ display:block}
#J_item_list .shop-content_list li{ padding:7.5px;}
.projectitem{ background: none; float:left; margin-bottom:25px;}
.projectitem a:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0px,-2px,0px);
    -moz-transform: translate3d(0px,-2px,0px);
    -ms-transform: translate3d(0px,-2px,0px);
    -o-transform: translate3d(0px,-2px,0px);
    transform: translate3d(0px,-2px,0px);
    z-index: 2;}

.r1883
.shop-conten .category{display: block ;}
/* 新增 */
.projectitem.col-xs-2 img{
    width: 185px;
    height: 185px;
}
.projectitem.col-xs-3 img{
    width: 285px;
    height: 285px;
}
.category2{text-align:center;margin-bottom: 20px;}
.category2 a { border:none; font-size: 14px; padding:10px 28px; margin-right:0; }
.category2 a.active, #category a:hover { background: #8cd4c1; color: #fff; border-color: #8cd4c1; }
.category2 a::after {content:'';position:absolute;width:1px;height:12px;margin-left:30px;margin-top: 2px;background:rgba(0, 0, 0, .2);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.category { text-align: center; padding-bottom: 50px;}
#projectlist { width:100%; margin:0 auto; overflow:hidden; }
#projectlist .projectitem a .project_info { width: 100%;    height: 100%; background: rgba(0,0,0,1);  transition: all ease-out .3s;}

#projectlist .projectitem a .project_info div::before { content: '';position: absolute;width: 100%; height: 90%;border-bottom: 1px solid rgba(0, 0, 0, .1);left: 0;}
.projectSubList a:hover .project_info { background:none }
.projectSubList a.project_info{ height: 91px; border-top: 1px solid rgba(0, 0, 0, 0.8); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width:100%; background:#fff; }
.projectSubList a.project_info p { width:auto; text-align:left; }
.projectSubList a.project_info .title { font-size: 15px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height:28px; line-height:28px; margin:0px; padding: 15px 30px 0px 20px; }
.projectSubList a.project_info .subtitle { color:#b7b7b7; display: block; height: 20px; line-height:24px; overflow: hidden; margin:0px; padding:0px 20px; }
/*.projectSubList a img { height:300px; }*/
.projectSubList a.project_info div:after { content:''; width:37px; height:20px; display:block; position:absolute; top:50%; right:2px; background: transparent url(http://resources.jsmo.xin/templates/upload/302/201606/icon.png) no-repeat -30px -66px; transition: all 0.3s ease-out 0s; margin-top:-11px; border-left: 1px solid rgba(0, 0, 0, .0); }
.projectSubList:hover a.project_info div { padding:10px 0; }
.projectSubList:hover a.project_info div:after { background: url(http://resources.jsmo.xin/templates/upload/302/201606/icon.png) no-repeat 16px -66px; border-left:1px solid rgba(0, 0, 0, .1); }
.projectitem a .project_info .title { font-size: 15px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;margin:0px; padding: 15px 0px 5px 0px; }
#J_item_list{ padding-bottom:15px;}
.projectitem a .project_info .subtitle { color:#f82034; display: block; height: 20px; line-height:24px; overflow: hidden; margin:0px; padding:0px ;font-size: 20px; }
.shop-conten .shop-wrapper { width:1200px; margin: 0 auto; }
.shop-content_list .projectitem{ height:382px;}
.shop-content_list .projectitem a{ display: block;height: 100%;}
.shop-content_list .projectitem a .project_info{ height:72px;position:absolute; left:0px ; right:0px; bottom: 0px;}
.shop-content_list .projectitem a .project_info .title { font-size: 15px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  margin:0px; padding: 0px 30px 0px 20px; line-height: 36px;}
.shop-content_list .projectitem a .project_info .subtitle { color:#fff; height: 36px;display: block;  margin:0px; padding:0px 20px;font-size: 23px;line-height: 36px; background: #f43345;}
.shop-content_list .projectitem a .project_info div:after { content:''; width:37px; height:20px; display:block;}
.shop-content_list{ width:1200px;}
/* .shop-content_list li:nth-child(5){width:50%;} */
.shop-content_list li:nth-child(5) img{width:100%;}
.shop-content_list li{ width:23%;  position:relative; margin:10px 12px; float:left;background: #fff;}
/* 新增 */
/*原模板*/
.pc_index_1x4{background:#FFF; text-align:center; padding:50px 0px 50px 0px; height:376px;}
.pc_index_1x4 .container{overflow: hidden; position: relative; padding: 0px;}
/*.pc_index_1x4 ul{border-left:solid 1px #EEE;}*/
.pc_index_1x4 ul li{border-right:solid 1px #EEE;}
.pc_index_1x4 ul li:last-child{border-right:none;}
.pc_index_1x4 ul li img{max-width:185px; height:148px;}
.pc_index_1x4 ul li h3{font-size:24px; color:#000000;}
.pc_index_1x4 ul li p{border-top:dashed 1px #EEE; padding-top:15px; margin:15px auto; max-width:185px; color:#666;}
.pc_index_1x4 ul li span a{color:#2D8701;}
.pc_index_1x4 .icon { font-size: 20px; line-height: 60px; border-radius: 30px; display: block;width: 40px; height: 40px; background: rgba(0,0,0,0.3); position: absolute;color: #FFF;    top: 50%;    z-index: 100;margin-top: -20px;line-height: 40px;    text-align: center;}
.pc_index_1x4 .icon.icon-arrow-left{left: 0px;}
.pc_index_1x4 .icon.icon-arrow-right{right: 0px;}
.pc_index_1x4 .container .lr_btn{display: none;}
.pc_index_1x4 .zhaiping:hover .lr_btn{display: block;}
.pc_index_1x4 .zhaiping{ height:276px;}
.pc_index_1x4 .zhaiping ul{ position: absolute; z-index: 1;}



/*原首页推荐位置css*/
.in-title-top p{height:1px;width:100%;position: absolute;top: 46px;background:#dddddd; z-index:-1;}
.in-title-top-con span{ font-size:12px; color:#999999}
.in-title-top{ text-align:center; padding:20px 0; height:80px; position:relative; z-index:0;}
.in-title-top-con{background: #ffffff;padding: 0 36px;display: inline-block;color: #000000;font-size: 20px;position: relative;z-index: 1;}


.section { margin-top: 2px;}
.section ul { position: relative;  width: 1200px;}
.goods-list li.item-first { width: 480px;height: 329px; border: none;}
.goods-list li.item-first .text-con {     z-index: 999; position: absolute;bottom: 10px;    /* text-align: center; */   width: 80%;  background: #fff;  padding: 0 20px;
 left:10%;height: 89px;}
.goods-list li.item-first .text-con h2{ font-size:20px}
.goods-list li { float: left; width: 240px; overflow: hidden; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;position: relative;cursor: pointer;}
.goods-list li a.small img { vertical-align: middle; text-align: center;}
.goods-list li a.small .text-con { position: absolute; top: 2px; left: 20px; text-align: left; z-index: 1;}
.goods-list li:nth-child(5),.goods-list li:nth-child(6),.goods-list li:nth-child(7){ position: relative; top: -1px;}
.goods-list li.item-first .text-con { color: #333;text-align: center; width: 247px;height: 85px;  background:rgba(255,255,255,0.8);position: absolute; left: 50%;  z-index: 1;  margin-left: -123px;  bottom: 8px;}
.goods-list li.item-first .text-con h2 { font: 14px/20px Microsoft Yahei;}
.goods-list li.item-first .text-con span.value { display: block; font: 18px tahoma,Microsoft Yahei;}
.goods-list li a.small h3 {margin-bottom:0; color: #2f2f2f; font: normal 14px Microsoft Yahei; width:80%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.goods-list li a.small h4 {width:60%; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #888; font: normal 12px/15px Microsoft Yahei; width: 86px; margin:2px 0;height: 15px; overflow: hidden; display: block;}

/* body颜色 */
body{
	background: #f3f3f3;
}
